/*
 * Skin for Sewise Player Plugin
 * http://www.sewise.com/
 * 
 * Skin Name: FlowPlayer
 * 
 * Copyright (c) 2010-2016 Sewise Ltd
 * 
 * Author: Jack Zhang/keyun
 * Skin Version: 3.0.0 (sewise player 3.0.0)
 * Date: 19th February 2015
 */

/*播放控制栏*/
.vodFlowPlayer div.sewise-player-ui div.controlbar {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 20px;
	pointer-events: auto;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-bg {
	position: absolute;
	width: 100%;
	height: 20px;
	background: url("controlbar.png") 0px 0px repeat-x;
	text-indent: -10000px;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns {
	position: absolute;
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style-type: none;
}

.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li {
	float: left;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a {
	display:block;
	width: 20px;
	height: 20px;
	text-indent: -10000px;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a.controlbar-btns-play {
	background: url("controlbar.png") 0px -20px no-repeat;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a.controlbar-btns-pause {
	background: url("controlbar.png") 0px -40px no-repeat;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns div.controlbar-playtime {
	position: relative;
	float: left;
	width: 40px;
	height: 20px;
	color: white;
	line-height:20px;
	padding-right: 10px;
	text-align: center;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns div.controlbar-progress {
	position: relative;
	float: left;
	width: 315px;
	height: 20px;
	top: 0px;
	left: 0px;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-progress div.controlbar-progress-totalline {
	position: absolute;
	top: 7px;
	width: 100%;
	
	height: 6px;
	background: url("controlbar.png") 0px -140px repeat-x;
	
	/*height: 4px;
	background-color: #514f52;
	border: 1px solid #000;*/
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-progress div.controlbar-progress-loadedline {
	position: absolute;
	width: 0%;
	height: 6px;
	top: 7px;
	background: url("controlbar.png") 0px -146px repeat-x;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-progress div.controlbar-progress-playedline {
	position: absolute;
	width: 0%;
	height: 6px;
	top: 7px;
	background: url("controlbar.png") 0px -152px repeat-x;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-progress div.controlbar-progress-seekline {
	position: absolute;
	width: 100%;
	height: 20px;
	top: 0px;
	background: url("controlbar.png") 0px -158px repeat-x;
	cursor: pointer;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-progress div.controlbar-progress-playpoint {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0%;
	background: url("controlbar.png") 0px -180px no-repeat;
	cursor: pointer;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li.right-float {
	float: right;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a.controlbar-btns-fullscreen {
	background: url("controlbar.png") 0px -100px no-repeat;
	padding-right: 5px;
	margin-left: 9px;
	
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a.controlbar-btns-normalscreen {
	background: url("controlbar.png") 0px -120px no-repeat;
	padding-right: 5px;
	margin-left: 9px;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns div.controlbar-volumeline {
	position: relative;
	float: left;
	width: 80px;
	height: 20px;
	top: 0px;
	
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-volumeline div.controlbar-volumeline-bg {
	position: absolute;
	width: 100%;
	height: 6px;
	top: 7px;
	background: url("controlbar.png") 0px -200px repeat-x;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-volumeline div.controlbar-volumeline-volume {
	position: absolute;
	width: 50%;
	height: 6px;
	top: 7px;
	background: url("controlbar.png") 0px -206px repeat-x;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-volumeline div.controlbar-volumeline-dragger {
	position: absolute;
	width: 100%;
	height: 14px;
	top: 3px;
	background: url("controlbar.png") 0px -212px repeat-x;
	cursor: pointer;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar div.controlbar-volumeline div.controlbar-volumeline-point {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 3px;
	left: 50%;
	background: url("controlbar.png") 0px -226px no-repeat;
	cursor: pointer;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a.controlbar-btns-soundclose {
	background: url("controlbar.png") 0px -60px no-repeat;
	padding-right: 5px;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns li a.controlbar-btns-soundopen {
	background: url("controlbar.png") 0px -80px no-repeat;
	padding-right: 5px;
}
.vodFlowPlayer div.sewise-player-ui div.controlbar ul.controlbar-btns div.controlbar-totaltime {
	position: relative;
	float: right;
	display: block;
	width: 40px;
	height: 20px;
	color: white;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 5px;
	text-align: center;
}
/**------------------------------清晰度选择面板-------------------*/
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window{
	position:absolute;
	width: 320px;
	height: 160px;
	left: 50%;
	top: 50%;
	margin-left:-160px; 
	margin-top:-80px;
	pointer-events: auto;
	display: none;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-box{
	position:absolute;
	width: 300px;
	height: 140px;
	color: #FFF; 
	border: 2px solid #FF9501;
	padding: 10px;
	background:rgba(255, 149, 1, 0.3);
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-Title{
	float: left; 
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-Close{
	float: right;
	cursor: pointer;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-Close a{
	color: #FFF; font-weight:bold; text-decoration: none; padding: 4px 6px; 
	cursor: pointer;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-radios-group{
	width: 100%; height: 40px; padding: 30px 0px 10px 0px; text-align: center; clear: both;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-radios-group input{
	width: 20px; height: 18px;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-btns{
	padding: 10px; text-align: center;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-btns .clarity-btn-ok{
	color: #FFF; text-decoration: none; background-color: #FF9501; padding: 5px 17px; margin-right: 20px;
}
.vodFlowPlayer div.sewise-player-ui .controlbar-clarity-window .clarity-btns .clarity-btn-cancel{
	color: #FFF; text-decoration: none; background-color: #FF9501; padding: 5px 5px; margin-left: 20px;
}
/*logo*/
.vodFlowPlayer div.sewise-player-ui div.logo {
	position: absolute;
	right: 10px;
	top: 5px;
}
.vodFlowPlayer div.sewise-player-ui div.logo a.logo-icon {
	display: block;
	width: 142px;
	height: 27px;
	background: url("logo.png") 0px 0px no-repeat;
	text-indent: -10000px;
	pointer-events: auto;
}


/*标题栏*/
.vodFlowPlayer div.sewise-player-ui div.topbar {
	position: absolute;
	width: 100%;
	float: left;
	
	background-color: rgba(0, 0, 0, 0.3);
	
	/*color: white;
	font-size: 0.8em;*/
}
.vodFlowPlayer div.sewise-player-ui div.topbar div.topbar-program {
	float: left;
	padding: 5px;
}
.vodFlowPlayer div.sewise-player-ui div.topbar div.topbar-program div.topbar-program-tip {
	float: left;
}
.vodFlowPlayer div.sewise-player-ui div.topbar div.topbar-program div.topbar-program-title {
	float: left;
}
.vodFlowPlayer div.sewise-player-ui div.topbar div.topbar-clock {
	float: right;
	padding: 5px;
}


/*缓冲进度条*/
.vodFlowPlayer div.sewise-player-ui div.buffer {
	position: absolute;
	width: 100px;
	height: 40px;
	left: 50%;
	margin-left: -50px;
	top: 80%;
	margin-top: -20px;
}
.vodFlowPlayer div.sewise-player-ui div.buffer div.buffer-bg {
	position: absolute;
	display: block;
	width: 60px;
	height: 18px;
	left: 20px;
	top: 0px;
	
	background: url("buffer.gif") 0px 0px no-repeat;
	text-indent: -10000px;
}
.vodFlowPlayer div.sewise-player-ui div.buffer div.buffer-text {
	position: absolute;
	left: 20px;
	top: 20px;
}
.vodFlowPlayer div.sewise-player-ui div.buffer div.buffer-text div.buffer-text-tip,
.vodFlowPlayer div.sewise-player-ui div.buffer div.buffer-text div.buffer-text-bufferPt {
	float: left;
}


/*开始播放大按钮*/
.vodFlowPlayer div.sewise-player-ui div.big-play-btn {
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: 50%;
	margin-top: -45px;
	overflow: hidden;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0);
	pointer-events: auto;
}
.vodFlowPlayer div.sewise-player-ui div.big-play-btn a.big-play-icon {
	display:block;
	width: 90px;
	height: 90px;
	
	background: url("big_play_btn.png") 0px 0px no-repeat;
	text-indent: -10000px;
}
.vodFlowPlayer div.sewise-player-ui div.big-play-btn:hover a.big-play-icon {
	background: url("big_play_btn.png") -90px 0px no-repeat;
}


/*多分辨率开关按钮*/
.vodFlowPlayer div.sewise-player-ui div.clarity-switch-btn {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 100%;
	top: 50%;
	margin-left: -35px;
	margin-top: -20px;
	background: url("clarity_btn_bg.png") 0px 0px no-repeat;
	pointer-events: auto;
}
.vodFlowPlayer div.sewise-player-ui div.clarity-switch-btn a.clarity-btn-text {
	position: absolute;
	width: 40px;
	line-height: 40px;
    text-align: center;
    vertical-align: middle;
    color: white;
    text-decoration: none;
}
